<template>
    <div id="addFriendBar">
        添加好友
        <span class="close" @click="close">
            <el-icon>
                <Close />
            </el-icon>
        </span>
    </div>
</template>

<script setup lang="ts">
import { Close } from '@element-plus/icons-vue'
const { close } = defineProps<{
    close: any
}>()
</script>


<style scoped lang="less">
#addFriendBar {
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 40px;
    position: relative;
    color: #fff;

    .close {
        cursor: pointer;
        top: 0;
        right: 10px;
        font-size: 18px;
        position: absolute;
    }
}
</style>
